.all-title {
  font-size: 18px;
  color: #252e54;
  margin-bottom: 19px;
}

.all-tab {
  display: flex;
  gap: 40px;
  border-bottom: 1px solid #ced8ee;
  margin-bottom: 33px;

  >div {
    font-size: 20px;
    color: #6980b8;
    cursor: pointer;

    >a {
      color: #6980b8;
      text-decoration: none;
    }

    &.active,
    &:hover {
      font-weight: bold;
      font-size: 20px;
      color: #000000;
      background: linear-gradient(180deg, #3486e4 0%, #4db2f3 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;

      &::after {
        content: "";
        display: block;
        width: 64%;
        height: 2px;
        margin: 17px auto 0;
        background: #3486e4;
      }
    }
  }
}

.all-tab-2 {
  display: flex;
  gap: 26px;
  margin-bottom: 10px;
  padding: 0 7px;

  >div {
    font-size: 18px;
    color: #252e54;

    a {
      color: #252e54;
      text-decoration: none;
    }

    cursor: pointer;

    &.active {
      font-weight: bold;
      font-size: 18px;
      color: #457aff;

      a {
        color: #457aff;
      }

      &::after {
        content: "";
        display: block;
        width: 64%;
        height: 3px;
        margin: 17px auto 0;
        background: #457aff;
      }
    }
  }
}

.all-box {
  background: #ffffff;
  box-shadow: 0px 0px 7px 0px rgba(70, 123, 235, 0.13);
  border-radius: 10px;
  border: 1px solid #ffffff;
}

.all-btn0 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  line-height: 40px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #a5beff;
  font-size: 14px;
  color: #457aff;
  padding: 0 18px;
  cursor: pointer;

  &:hover {
    background: #457aff;
    color: #fff;
  }

  .el-icon {
    vertical-align: middle; // 调整图标的垂直对齐
  }
}
.all-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  line-height: 40px;
  background: #4F46E5;
  border-radius: 4px;
  border: 1px solid #a5beff;
  font-size: 14px;
  color: #ffffff;
  padding: 0 18px;
  cursor: pointer;

  &:hover {
    opacity: 0.9;
    // background: #457aff;
    color: #fff;
  }

  .el-icon {
    vertical-align: middle; // 调整图标的垂直对齐
  }
}
.all-btn2 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  line-height: 40px;
  background: #FACC15;
  border-radius: 4px;
  // border: 1px solid #a5beff;
  font-size: 14px;
  color: #111827;
  padding: 0 18px;
  cursor: pointer;

  &:hover {
    opacity: 0.9;
  }

  .el-icon {
    vertical-align: middle; // 调整图标的垂直对齐
  }
}

.all-page {
  display: flex;
  justify-content: flex-end;
}

// 全局滚动条样式
.scroll-container {
  overflow-y: auto; // 启用纵向滚动

  // 针对 Webkit 浏览器（如 Chrome、Safari）
  &::-webkit-scrollbar {
    width: 4px; // 设置滚动条宽度
  }

  &::-webkit-scrollbar-track {
    background: transparent; // 将轨道背景设为透明可以间接隐藏上下箭头
    border-radius: calc(4px / 2); // 使用 calc() 替代 /
  }

  &::-webkit-scrollbar-thumb {
    background: #c1c1c1; // 设置滑块颜色
    border-radius: calc(4px / 2); // 使用 calc() 替代 /

    &:hover {
      background: #a8a8a8; // 手动计算 darken(#c1c1c1, 10%) 的结果
    }
  }

  // Firefox 浏览器的滚动条样式
  // scrollbar-width: thin; // 或者使用 'none' 来完全隐藏滚动条
  // scrollbar-color: #c1c1c1 transparent; // 设置滑块和轨道颜色
}

// el-button按钮样式
.el-button.is-link {
  color: #457aff;
}

.el-button.is-text {
  color: #457aff;
}

// 全局tabs样式
.el-tabs__nav-wrap:after {
  background-color: #fff;
  color: #457aff;
}

.el-tabs__active-bar {
  background-color: #457aff;
}

.el-tabs__item.is-active {
  color: #457aff;
}

.el-tabs__item:hover {
  color: #457aff;
}

// 全局radio样式
.el-radio__inner {
  border-color: #4f46e5;
}

.el-radio__input.is-checked .el-radio__inner {
  background-color: #4f46e5;
}

.el-radio__input.is-checked+.el-radio__label {
  color: #4f46e5;
}

// 全局checkbox样式
.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #4f46e5;
  border-color: #4f46e5;
}

.el-checkbox__input.is-checked+.el-checkbox__label {
  color: #4f46e5;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #4f46e5;
  border-color: #4f46e5;
}

// 全局select样式
.el-select-dropdown__item.is-selected {
  color: #4f46e5;
  font-weight: bold;
}

// 全局cascader样式
.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
  color: #4f46e5;
}

// 全局breadcrumb样式
.el-breadcrumb__inner.is-link {
 &:hover {
  color: #4f46e5;
 }
}